<template>
  <v-chart class="echarts" :option="option" autoresize />
</template>

<script>
import { reactive } from '@vue/composition-api'
import scatterOption from '../options/scatterOption'
export default {
  setup() {
    const option = reactive(scatterOption)
    option.series[0].data = [
      [2.5, 12, '北京银行'],
      [2, 11.7, '上海银行'],
      [3.7, 12.8, '江苏银行'],
      [8, 13.5, '宁波银行'],
      [7.3, 14.8, '成都银行'],
      [6.9, 12.1, '南京银行'],
      [13, 11.45, '杭州银行'],
      [12, 14.8, '天津银行'],
      [4, 12.6, '重庆银行']
    ]
    return {
      option
    }
  }
}
</script>

<style scoped lang="scss">
.echarts {
  height: 280px;
}
</style>
